/*

 --------------------------------------
  Form
-------------------------------------- 


button,
input,
select,
textarea {
  display:inline-block; 
  vertical-align:middle; 
  width:170px; 
  margin:1px 0; 
  padding:4px; 
  font-size: 16px; 
  color:#333; 
  line-height:normal; 
  background-color:white; 
  border:1px solid #333; 
  
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;

  outline:none;
  outline-offset:-2px;
}

input[type="text"]::-webkit-input-placeholder {
   color: #0858B7;
}

input[type="text"]:-moz-placeholder { 
   color: #0858B7;  
}

input[type="text"]::-moz-placeholder {  
   color: #0858B7;  
}

input[type="text"]:-ms-input-placeholder {  
   color: #0858B7;  
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
  width:auto;
  padding:0;
  background:none;
  border:none;
  cursor:pointer;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  margin:0;
  padding:0;
  border:none;
  outline:none;
}

.input {
  position: relative;
  display: inline;
}

#search-form input[type=text] {
  height: 42px;
  width: 20%;
  border-radius: 4px;
  padding:8px;
  padding-left: 45px;
  color: #0858B7;
  border-color: #c8c8c8;
  background-color: #D6FFFA;
  position: relative;
}

#search-form input[type=text]:hover {
  border: 1px solid rgba(14, 116, 202, 0.4);
}

#search-form input[type=text]:focus {
  border: 1px solid rgba(14, 116, 202, 0.8);
}

#search-form input[type=text]:active {
  border: 1px solid rgba(14, 116, 202, 1);
}

#search-form input[type="button"],
#search-form input[type="submit"],
#search-form input[type="reset"],
#search-form button {
  font-weight:bold;
  width: auto;
  background-color: #bc198e;
  border:3px solid #E8B2EE; 
  border-bottom: 3px solid #BE7CC0;
  padding: 15.7px 15px 15.7px 62px;
  color: #FFF;
  float: right;
  position: relative;
  top:-10.5px;
  right: -15px;
  font-size: 150%;
  font-weight: bold;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}

#search-form input[type="button"] img,
#search-form input[type="submit"] img,
#search-form input[type="reset"] img,
#search-form button img {
  position: absolute;
  left: 20px;
}

#search-form input[type="button"]:hover,
#search-form input[type="submit"]:hover,
#search-form input[type="reset"]:hover,
#search-form button:hover {
  background-color:#f583f5; 
  cursor: pointer;
} 

.anak, .mumbai, .ghat, .jarak {
    height: 25px;
    left: 14px;
    position: absolute;
    top: -2px;
    width: 23px;
    z-index: 999;
}

.anak {
  background: url(../img/child.png) no-repeat;
}
.mumbai {
  background: url(../img/mum.png) no-repeat;
}
.ghat {
  background: url(../img/gedung.png) no-repeat;
}
.jarak {
  background: url(../img/world.png) no-repeat;
}
--------------------------------------
  form end
-------------------------------------- 

#tab-outer {
  position:absolute;
  padding: 2%;
  bottom: 100px;
}

#tab-outer * {
  margin:0px 0px;
  padding:0px 0px;
}

#tab-wrapper {
  list-style:none;
  height:41px;
  width: 100%;
}

#tab-wrapper li {
  margin:0px;
  float:left;
  font-weight:bold;
  font-size: 16px;
  line-height: 41px;
}

#tab-wrapper li a {
  display:block;
  padding:0px 15px;
  line-height:41px;
  text-decoration:none;
  color:white;
  background-color:rgba(187,179,172, 0.4);
}

#tab-wrapper li.active a {
  background-color:rgba(187,179,172, 0.8);
  color: #000;
}

#tab-body > div {
  background-color:rgba(243,254,255, 0.81);
  color:white;
  padding:10px 15px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}
*/
#search-form {
  background:#D7D6D6;
  position: relative;
  height: 550px;
}

#tab-outer {
  text-align: center;
  background-color: rgba(243, 254, 255, 0.81);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  padding: 10px 15px;
  position:relative;
  bottom: 170px;
  border-radius: 4px;
}

#tab-outer .form-control {
  width: 100%;
  height: 42px;
  padding: 8px 8px 8px 45px;
  position: relative;
  background-color: #d6fffa;
  color: #0858b7;
}

#tab-outer input[type="text"]::-webkit-input-placeholder {
   color: #0858B7;
}

#tab-outer input[type="text"]:-moz-placeholder { 
   color: #0858B7;  
}

#tab-outer input[type="text"]::-moz-placeholder {  
   color: #0858B7;  
}

#tab-outer input[type="text"]:-ms-input-placeholder {  
   color: #0858B7;  
}

.tom {
  position: relative;
}
.tombol-cari {
  width: 100%;
  height: 62px;
  position: absolute;
  top: -10px;
  right: -15px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: #FFF;
  background-color: #bc198e;
  font-size: 150%;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}

/* gambar */
.anak, .mumbai, .ghat, .jarak {
    height: 25px;
    left: 26px;
    position: absolute;
    top: 10px;
    width: 23px;
    z-index: 999;
    clip: auto;
}

.anak {
  background: url(../img/child.png) no-repeat;
}
.mumbai {
  background: url(../img/mum.png) no-repeat;
}
.ghat {
  background: url(../img/gedung.png) no-repeat;
}
.jarak {
  background: url(../img/world.png) no-repeat;
}